<template>
  <div>
    <Banner />
    <SelectedSongs />
    <NewSongMv />
    <ListeningBooks />
    <HotFm />
    <PopularSinger />
    <RecommendedContent />
    <CooperativeLink />
    <MaskLayer />
  </div>
</template>

<script>
import Banner from "./Banner/index.vue";
import SelectedSongs from "./SelectedSongs/index.vue";
import NewSongMv from "./NewSongMv/index.vue";
import ListeningBooks from "./ListeningBooks/index.vue";
import HotFm from "./HotFM/index.vue";
import PopularSinger from "./PopularSinger/index.vue";
import RecommendedContent from "./RecommendedContent/index.vue";
import CooperativeLink from "./CooperativeLink/index.vue";
import MaskLayer from "@/components/MaskLayer/index.vue";
export default {
  name: "XHome",
  components: {
    Banner,
    SelectedSongs,
    NewSongMv,
    ListeningBooks,
    HotFm,
    PopularSinger,
    RecommendedContent,
    CooperativeLink,
    MaskLayer
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="less" scoped></style>
